<!DOCTYPE html>
<html>
    <head>
        <title>Diplomati.es - #{get 'title' /}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}" />
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}" />
        <script type="text/javascript" src="@{'/public/javascripts/jquery-1.4.2.min.js'}"></script>
    </head>
    <body>
    	<div id="header">
    		<p>
    			#{if session.get("username") == null }    
					<a href="@{Secure.login()}">Login</a>  
				#{/if}#{else}
					<a href="@{Secure.logout()}">Logout</a>  
				#{/else} 
			</p>
    	</div>
    	<div>
	    	<h1>Diplomati.es</h1>
	    	<ul>
	    		<li><a href="@{Application.index()}">Accueil</a></li>
	    		<li><a href="@{Application.about()}">A propos</a></li>
	    		<li><a href="@{WarRoom.index()}">War room</a></li>
	    	</ul>
	        #{doLayout /}
    	</div>
    </body>
</html>
